 .business {
     float: left;
 }
 
 .business .business-item {
     box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
     border-radius: 3px;
     width: 958px;
     height: 342px;
     position: relative;
     margin: 2px 0 24px 0;
 }
 
 .business .business-item .recommend {
     position: absolute;
     top: 0;
     right: 36px;
     width: 40px;
 }
 
 .business .business-item .business-info {
     overflow: hidden;
     padding: 24px;
 }
 
 .business .business-item .business-info .business-logo {
     float: left;
     width: 72px;
     height: 72px;
     border-radius: 18px;
     margin-right: 16px;
 }
 
 .business .business-item .business-info .details {
     float: left;
 }
 
 .business .business-item .business-info .details .name {
     font-size: 20px;
     font-weight: bold;
     margin-bottom: 8px;
 }
 
 .business .business-item .business-info .details .address-item {
     color: #999;
     font-size: 15px;
     overflow: hidden;
 }
 
 .business .business-item .business-info .details .address-item img {
     height: 14px;
     float: left;
     margin: 3px 8px 0 0;
 }
 
 .business .business-item .business-info .details .address-item .address {
     float: left;
 }
 
 .business .business-item .img-display {
     overflow: hidden;
     padding-bottom: 36px;
 }
 
 .business .business-item .img-display img {
     float: left;
     width: 300px;
     height: 186px;
     margin-left: 29px;
 }
 
 .business .business-item .img-display img:first-child {
     margin-left: 0;
 }
 
 .business .paging {
     overflow: hidden;
     margin-top: 48px;
     text-align: center;
 }
 
 .business .paging .paging-box {
     display: inline-block;
 }
 
 .business .paging .paging-box a {
     float: left;
     width: 38px;
     height: 38px;
     line-height: 38px;
     border: 1px solid #e2e0da;
     color: #999;
     text-align: center;
     font-size: 14px;
 }
 
 .business .paging .paging-box>a {
     width: 74px;
 }
 
 .business .paging .paging-box .page-number {
     float: left;
     overflow: hidden;
     margin: 0 6px;
 }
 
 .business .paging .paging-box .page-number a {
     border-left: none;
 }
 
 .business .paging .paging-box .page-number a:first-child {
     border-left: 1px solid #e2e0da;
 }
 
 .business .paging .paging-box .page-number a.active {
     color: #fff;
     background-color: #e4bf6f;
 }
 
 .business .paging .paging-box .page-number a.more {
     font-size: 17px;
     border: none;
     border-right: 1px solid #e2e0da;
 }
 
 .pagination .active a {
     background: #e4bf6f !important;
     border-color: #e4bf6f !important;
 }
 /*  modal */
 
 .modal {
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 12;
     display: none;
 }
 
 .modal .mask {
     /* background: rgba(0, 0, 0, 0.6); */
     height: 100vh;
 }
 
 .modal .info {
     position: absolute;
     top: 30%;
     left: 50%;
     margin-left: -227px;
     width: 454px;
     border-radius: 3px;
 }
 /* app */
 
 .app-modal .info {
     background-color: #3c3c3c;
     box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);
     border-radius: 3px;
 }
 
 .app-modal .info .logo {
     height: 48px;
     margin: 24px 0 8px 32px;
 }
 
 .app-modal .info .title {
     color: #e4bf6f;
     text-align: center;
 }
 
 .app-modal .info .qr-code {
     text-align: center;
     margin: 16px 0 56px 0;
 }
 
 .app-modal .info .qr-code img {
     width: 140px;
     height: 140px;
 }